<ul id="accordion">
    <li><div>Users</div>
        <ul>
            <li><a href="#">Students</a></li>
            <li><a href="#">Teachers</a></li>
            <li><a href="#">Academic Secretary</a></li>
        </ul>
    </li>
    <li><div>Admin Secretary</div>
        <ul>
            <li><a href="#">Assign Teacher</a></li>
            <li><a href="#">Drop Teacher</a></li>
            <li><a href="#">Twitter</a></li>
        </ul>
    </li>
    <li><div>Teacher</div>
        <ul>
            <li><a href="#">Add Grade</a></li>
            <li><a href="#">Comment</a></li>
            <li><a href="#">View Student</a></li>
        </ul>
    </li>
    <li><div>Actions</div>
        <ul>
            <li><a href="add_user.jsp">Add User</a></li>
            <li><a href="#">Delete User</a></li>
            <li><a href="users.jsp">View Users</a></li>
        </ul>
    </li>
</ul>